<template>
	<view style="min-height: 100vh;background: white;">
		<view style="padding: 28upx 56upx;">
<!--			<view class="tips">注：单次导出数据过多会导致卡顿</view>-->
			<view class="selectTip" v-if="type!='zj'">{{type=='td'?'选择团单':'选择测评'}}</view>
			<view class="selectCon" @click="toChoiceGroup" v-if="type!='zj'">
				<view v-if="type=='td'">{{allFlag?'全部':'已选'+groupData.length+'个团单'}}</view>
				<view v-if="type=='cp'">{{allFlag?'全部':'已选'+groupData.length+'个测评'}}</view>
				<image src="../../static/mine/more.png"></image>
			</view>
<!--			<view class="exportTip">导出周期</view>-->
			<view class="exportBtn">
				<view :class="['exportItem',selectIndex==0?'active':'']" @click="selectTime" data-index="0">近7天</view>
				<view :class="['exportItem',selectIndex==1?'active':'']" @click="selectTime" data-index="1">近30天</view>
				<view :class="['exportItem',selectIndex==2?'active':'']" @click="selectTime" data-index="2">自定义</view>
			</view>
<!--			<view class="startTip">开始时间</view>-->
			<picker mode="date" @change="choiceStart" :value="startStr" :disabled="selectIndex!=2">
				<view class="startCon">
					<view>{{startStr?startStr:"请选择"}}</view>
					<image src="../../static/mine/more.png"></image>
				</view>
			</picker>
<!--			<view class="startTip">结束时间</view>-->
			<picker mode="date" @change="choiceEnd" :value="endStr" :disabled="selectIndex!=2">
				<view class="startCon">
					<view>{{endStr?endStr:"请选择"}}</view>
					<image src="../../static/mine/more.png"></image>
				</view>
			</picker>
<!--			<view class="exportBtns" @click="getExportData">导出</view>-->
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	const app = getApp();
	export default {
		data() {
			return {
				shuju1:[
					{company:"测试1",mobile:13252536363},
					{company:"测试2",mobile:13252536363},
					{company:"测试3",mobile:13252536363},
					{company:"测试4",mobile:13252536363},
					{company:"测试5",mobile:13252536363},
					{company:"测试6",mobile:13252536363},
					{company:"测试7",mobile:13252536363},
					{company:"测试8",mobile:13252536363}
				],
				list:[],
				newArray2:[
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"},
					{a:"测试1",b:"测试2",c:"测试1",d:"测试2",e:"测试1",f:"测试2",g:"测试1",h:"测试2",i:"测试1",j:"测试2",k:"测试1",l:"测试2",m:"测试1",n:"测试2",o:"测试1",p:"测试2",q:"测试1",r:"测试2"}
				],
				selectIndex:-1,
				startTime:"",
				endTime:"",
				startStr:"",
				endStr:"",
				groupData:[],
				allFlag:true,
				type:"",
				cpHead:"<tr><td>测评ID</td><td>测评名称</td><td>门店ID</td><td>门店名称</td><td>若免昵称</td><td>ID</td><td>平台</td><td>昵称</td><td>粉丝量</td><td>链接</td><td>手机号</td><td>订单号</td><td>生成时间</td><td>预约到店时间</td><td>到店时间</td><td>交稿时间</td><td>稿费金额</td><td>推广服务费</td><td>平台服务费</td><td>运营款支出</td><td>订单状态</td></tr>",
				tgHead:"<tr><td>订单号</td><td>下单时间</td><td>验券时间</td><td>套餐ID</td><td>套餐名</td><td>门店ID</td><td>门店名称</td><td>订单金额</td><td>平台服务费费率</td><td>平台服务费（元）</td><td>推广服务费</td><td>其他调整</td><td>结算价(订单金额-平台服务费-推广服务费)（元）</td><td>订单状态</td></tr>",
				zjHead:"<tr><td>业务类型</td><td>订单号</td><td>变更时间</td><td>套餐ID/测评ID</td><td>商品名称（套餐/测评）</td><td>门店ID</td><td>门店名称</td><td>冻结总额</td><td>金额变动</td><td>可使用余额</td><td>总余额</td></tr>"
			}
		},
		onLoad(options) {
			this.type = options.type;
			if(this.type=='td'){
				uni.setNavigationBarTitle({
					title:"导出团单明细"
				})
			}else if(this.type=='cp'){
				uni.setNavigationBarTitle({
					title:"导出测评明细"
				})
			}else if(this.type=='zj'){
				uni.setNavigationBarTitle({
					title:"导出资金明细"
				})
			}
		},
		methods: {
			getExportData(){
				if(!this.startTime||!this.endTime){
					this.$refs.uToast.show({
						title:"请选择导出时间",
						type:"error",
						duration:2000
					})
					return false;
				}
				if(this.type=='td'){
					let obj = {};
					//obj.data = {};
					obj.data.start_time = this.startTime;
					obj.data.end_time = this.endTime;
					obj.data.is_business = 1;
					if(!this.allFlag){
						obj.data.shop_package_id = "";
						for(let i=0;i<this.groupData.length;i++){
							if(i==0){
								obj.data.shop_package_id = obj.data.shop_package_id + this.groupData[i].id;
							}else{
								obj.data.shop_package_id = obj.data.shop_package_id + "," + this.groupData[i].id;
							}
						}
					}
					
					this.$u.api.shopPackageOrderGetList(obj).then(res=>{
						//console.log(res)
						this.list = res.data.list;
						this.exportFun();
					})
				}else if(this.type=='cp'){
					let obj = {};
					//obj.data = {};
					obj.data.start_time = this.startTime;
					obj.data.end_time = this.endTime;
					obj.data.is_business = 1;
					if(!this.allFlag){
						obj.data.shop_evaluation_id = "";
						for(let i=0;i<this.groupData.length;i++){
							if(i==0){
								obj.data.shop_evaluation_id = obj.data.shop_evaluation_id + this.groupData[i].id;
							}else{
								obj.data.shop_evaluation_id = obj.data.shop_evaluation_id + "," + this.groupData[i].id;
							}
						}
					}
					this.$u.api.shopEvaluationOrderGetList(obj).then(res=>{
						//console.log(res)
						this.list = res.data.list;
						this.exportFun();
					})
				}else if(this.type=='zj'){
					let obj = {};
					//obj.data = {};
					obj.data.start_time = this.startTime;
					obj.data.end_time = this.endTime;
					this.$u.api.userMoneyLogGetList(obj).then(res=>{
						//console.log(res)
						this.list = res.data.list;
						this.exportFun();
					})
				}
			},
			toChoiceGroup(){
				uni.setStorageSync("choiceGroupData",this.groupData);
				console.log(this.allFlag)
				uni.navigateTo({
					url:"/pages/pageone/pages/choiceGroup/choiceGroup?type="+this.type+"&flag="+this.allFlag
				})
			},
			choiceStart(e){
				console.log(e)
				let nowTime = Math.floor(new Date(e.detail.value).getTime()/1000);
				if(this.endTime){
					if(nowTime>=this.endTime){
						this.$refs.uToast.show({
							title:"开始时间必须小于结束时间",
							type:"error",
							duration:2000
						})
						return false;
					}
				}
				this.startStr = e.detail.value;
				this.startTime = Math.floor(new Date(e.detail.value).getTime()/1000);
			},
			choiceEnd(e){
				let nowTime = Math.floor(new Date(e.detail.value).getTime()/1000);
				if(this.startTime){
					if(nowTime<=this.startTime){
						this.$refs.uToast.show({
							title:"结束时间必须大于开始时间",
							type:"error",
							duration:2000
						})
						return false;
					}
				}
				this.endStr = e.detail.value;
				this.endTime = Math.floor(new Date(e.detail.value).getTime()/1000);
			},
			selectTime(e){
				let index = e.target.dataset.index || e.currentTarget.dataset.index;
				if(index==0){
					let now = new Date(new Date().toLocaleDateString());
					let nowTime = now.getTime();
					let day = now.getDay();
					let oneDayTime = 24*60*60*1000;
					let MondayTime = nowTime - 6*oneDayTime;
					let SundayTime = nowTime + 1*oneDayTime;
					this.startTime = Math.floor(MondayTime/1000);
					this.endTime = Math.floor(SundayTime/1000);
					this.startStr = app.$vm.getTime(MondayTime,"-","day");
					this.endStr = app.$vm.getTime(SundayTime,"-","day");
				}else if(index==1){
					let now = new Date(new Date().toLocaleDateString());
					let nowTime = now.getTime();
					let day = now.getDay();
					let oneDayTime = 24*60*60*1000;
					let MondayTime = nowTime - 29*oneDayTime;
					let SundayTime = nowTime + 1*oneDayTime;
					this.startTime = Math.floor(MondayTime/1000);
					this.endTime = Math.floor(SundayTime/1000);
					this.startStr = app.$vm.getTime(MondayTime,"-","day");
					this.endStr = app.$vm.getTime(SundayTime,"-","day");
				}
				this.selectIndex = index;
			},
			exportFun() {
				var that = this
				// for (var i = 0; i < that.shuju1.length; i++) {
				// 	var newObject = {};
				// 	newObject.company = that.shuju1[i].company;
				// 	newObject.mobile = that.shuju1[i].mobile;
				// 	that.newArray2.push(newObject);
				// }
				const jsonData = this.list;
				//列标题
				let worksheet = "sheet1";
				
				let str = '';
				if(this.type=='td'){
					str = this.tgHead;
				}else if(this.type=='cp'){
					str = this.cpHead;
				}else if(this.type=='zj'){
					str = this.zjHead;
				}
				//循环遍历，每行加入tr标签，每个单元格加td标签
				if(this.type=='td'){
					for (let i = 0; i < jsonData.length; i++) {
						let orderMoney = (Math.round((Number(jsonData[i].money) - Number(jsonData[i].procedures_money) - Number(jsonData[i].share_money))*100)/100).toFixed(2);
						let status = "";
						if(jsonData[i].type==4){
							status = "已退款";
						}else{
							if(jsonData[i].is_refund==0){
								if(jsonData[i].type==2){
									status = "已核销";
								}else if(jsonData[i].type==3){
									status = "已评论";
								}
							}else if(jsonData[i].is_refund==1){
								status = "申请退款中";
							}
						}
						str += '<tr>';
						str += `<td>${ jsonData[i].order_number + '\t'}</td>`;
						str += `<td>${ jsonData[i].create_time + '\t'}</td>`;
						str += `<td>${ jsonData[i].use_time + '\t'}</td>`;
						str += `<td>${ jsonData[i].ShopPackage.id + '\t'}</td>`;
						str += `<td>${ jsonData[i].ShopPackage.name + '\t'}</td>`;
						str += `<td>${ jsonData[i].Shop.id + '\t'}</td>`;
						str += `<td>${ jsonData[i].Shop.name + '\t'}</td>`;
						str += `<td>${ jsonData[i].Shop.money + '\t'}</td>`;
						str += `<td>千分之${ jsonData[i].service_charge_percentage + '\t'}</td>`;
						str += `<td>${ jsonData[i].procedures_money + '\t'}</td>`;
						str += `<td>${ jsonData[i].share_money + '\t'}</td>`;
						str += `<td>${'\t'}</td>`;
						str += `<td>${ orderMoney + '\t'}</td>`;
						str += `<td>${ status + '\t'}</td>`;
						str += '</tr>';
					}
				}else if(this.type=='cp'){
					for (let i = 0; i < jsonData.length; i++) {
						let orderMoney = (Math.round((Number(jsonData[i].money) - Number(jsonData[i].procedures_money) - Number(jsonData[i].share_money))*100)/100).toFixed(2);
						let status = "";
						if(jsonData[i].type==0){
							status = "待确认";
						}else if(jsonData[i].type==1||jsonData[i].type==2){
							status = "待预约";
						}else if(jsonData[i].type==3){
							status = "待到店";
						}else if(jsonData[i].type==4){
							status = "待交稿";
						}else if(jsonData[i].type==5||jsonData[i].type==6||jsonData[i].type==7){
							status = "待审核";
						}else if(jsonData[i].type==8){
							status = "已完成";
						}else if(jsonData[i].type==9){
							status = "已过期";
						}
						let platform = "";
						if(jsonData[i].ShopEvaluation.platform==1){
							platform = "抖音";
						}else if(jsonData[i].ShopEvaluation.platform==2){
							platform = "小红书";
						}else if(jsonData[i].ShopEvaluation.platform==3){
							platform = "微博";
						}else if(jsonData[i].ShopEvaluation.platform==4){
							platform = "点评";
						}
						let name = jsonData[i].OrderTalentAuthentication ? jsonData[i].OrderTalentAuthentication.name : "--";
						let fans = jsonData[i].OrderTalentAuthentication ? jsonData[i].OrderTalentAuthentication.fans_num : "--";
						let url = jsonData[i].OrderTalentAuthentication ? jsonData[i].OrderTalentAuthentication.url : "--";
						let toStoreTime = '--';
						let toFileTime = '--';
						let appiontTime = '--';
						if(jsonData[i].ShopEvaluationOrderTypeTimeLog){
							toStoreTime = app.$vm.getTime(Number(jsonData[i].ShopEvaluationOrderTypeTimeLog.type4_time)*1000,"-","time");
							toFileTime = app.$vm.getTime(Number(jsonData[i].ShopEvaluationOrderTypeTimeLog.type6_time)*1000,"-","time");
							
						}
						if(jsonData[i].appointment_time){
							appiontTime = app.$vm.getTime(Number(jsonData[i].appointment_time)*1000,"-","time");
						}
						str += '<tr>';
						str += `<td>${ jsonData[i].shop_evaluation_id + '\t'}</td>`;
						str += `<td>${ jsonData[i].ShopEvaluation.title + '\t'}</td>`;
						str += `<td>${ (jsonData[i].Shop?jsonData[i].Shop.id:"暂未选择门店") + '\t'}</td>`;
						str += `<td>${ (jsonData[i].Shop?jsonData[i].Shop.name:"暂未选择门店") + '\t'}</td>`;
						str += `<td>${ jsonData[i].user.username + '\t'}</td>`;
						str += `<td>${ jsonData[i].user.id + '\t'}</td>`;
						str += `<td>${ platform + '\t'}</td>`;
						str += `<td>${ name + '\t'}</td>`;
						str += `<td>${ fans + '\t'}</td>`;
						str += `<td>${ url + '\t'}</td>`;
						str += `<td>${ jsonData[i].mobile + '\t'}</td>`;
						str += `<td>${ jsonData[i].order_number + '\t'}</td>`;
						str += `<td>${ jsonData[i].create_time + '\t'}</td>`;
						str += `<td>${ appiontTime + '\t'}</td>`;
						str += `<td>${ toStoreTime + '\t'}</td>`;
						str += `<td>${ toFileTime + '\t'}</td>`;
						str += `<td>${ jsonData[i].bill_money + '\t'}</td>`;
						str += `<td>${ jsonData[i].share_money + '\t'}</td>`;
						str += `<td>${ jsonData[i].procedures_money + '\t'}</td>`;
						str += `<td>${ jsonData[i].money + '\t'}</td>`;
						str += `<td>${ status + '\t'}</td>`;
						str += '</tr>';
					}
				}else if(this.type=='zj'){
					for (let i = 0; i < jsonData.length; i++) {
						let moneyChange = "";
						if(jsonData[i].type==6){
							moneyChange = "充值" + jsonData[i].income_money;
						}else if(jsonData[i].type==5){
							moneyChange = "提现" + jsonData[i].expenditure_money;
						}else if(jsonData[i].type==1||jsonData[i].type==2){
							moneyChange = "支出" + jsonData[i].expenditure_money;
						}else if(jsonData[i].type==7||jsonData[i].type==8||jsonData[i].type==11||jsonData[i].type==12||jsonData[i].type==13||jsonData[i].type==14||jsonData[i].type==15){
							moneyChange = "收入" + jsonData[i].income_money;
						}else if(jsonData[i].type==3){
							moneyChange = "余额冻结" + jsonData[i].frozen_money;
						}else if(jsonData[i].type==4||jsonData[i].type==10){
							moneyChange = "余额解冻" + jsonData[i].income_money;
						}else if(jsonData[i].type==9||jsonData[i].type==16||jsonData[i].type==17){
							moneyChange = "收入解冻" + jsonData[i].frozen_money;
						}
						let totalMoney  = 0;
						totalMoney = Number(jsonData[i].frozen_money_sum) + Number(jsonData[i].money);
						str += '<tr>';
						str += `<td>${ jsonData[i].annotation + '\t'}</td>`;
						str += `<td>${ jsonData[i].order_number + '\t'}</td>`;
						str += `<td>${ jsonData[i].create_time + '\t'}</td>`;
						str += `<td>${ jsonData[i].shop_goods_id + '\t'}</td>`;
						str += `<td>${ jsonData[i].shop_goods_name + '\t'}</td>`;
						str += `<td>${ jsonData[i].shop_id + '\t'}</td>`;
						str += `<td>${ jsonData[i].shop_name + '\t'}</td>`;
						str += `<td>${ jsonData[i].frozen_money_sum + '\t'}</td>`;
						str += `<td>${ moneyChange + '\t'}</td>`;
						str += `<td>${ jsonData[i].money + '\t'}</td>`;
						str += `<td>${ totalMoney + '\t'}</td>`;
						str += '</tr>';
					}
				}
				str += '<tr>';
				str += `<td>${ 'https://www.ruo.shanxiyf.com/appShare.html' + '\t'}</td>`;
				
				str += '</tr>';
				str += '<tr>';
				str += `<td>${ app.$vm.getTime(new Date().getTime(),"/","time") + '\t'}</td>`;
				
				str += '</tr>';
				
				console.log(jsonData)
				//下载的表格模板数据
				let template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" 
				        xmlns:x="urn:schemas-microsoft-com:office:excel" 
				        xmlns="http://www.w3.org/TR/REC-html40">
				        <head><!--[if gte mso 9]><xml encoding="UTF-8"><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
				        <x:Name>${worksheet}</x:Name>
				        <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
				        </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
				        </head><body><table>${str}</table></body></html>`;
				//下载模板
				
				this.exportFile(template);
			},
			exportFile(fileData, documentName = "项目Excel文件") {
				console.log(fileData)
				var that = this
				/*
				PRIVATE_DOC: 应用私有文档目录常量
				PUBLIC_DOCUMENTS: 程序公用文档目录常量
				*/
				plus.io.requestFileSystem(plus.io.PUBLIC_DOCUMENTS, function(fs) {
					let rootObj = fs.root;
					let fullPath = rootObj.fullPath;
					// console.log("开始导出数据********");
					// 创建文件夹
					rootObj.getDirectory(documentName, {
						create: true
					}, function(dirEntry) {
						//获取当前的年月继续创建文件夹
						console.log(dirEntry,"```````````````````````````1")
						let date = new Date();
						let year = date.getFullYear();
						let month = date.getMonth() + 1;
						dirEntry.getDirectory(`${year}年${month}月`, {
							create: true
						}, function(dirEntry2) {
							console.log(dirEntry2,"``````````````````````````````2")
							// 创建文件,防止重名
							
							let fileName = null;
							if(that.type == 'td'){
								fileName = '若免平台团购收入明细' + that.startStr + "至" + that.endStr + "生成时间" + app.$vm.getTime(new Date().getTime(),"-","time");
							}else if(that.type == 'cp'){
								fileName = '若免平台运营支出明细' + that.startStr + "至" + that.endStr + "生成时间" + app.$vm.getTime(new Date().getTime(),"-","time");
							}else if(that.type == 'zj'){
								fileName = '若免平台资金明细' + that.startStr + "至" + that.endStr + "生成时间" + app.$vm.getTime(new Date().getTime(),"-","time");
							}
							console.log(fileName);
							dirEntry2.getFile(`${fileName}.xlsx`, {
								create: true
							}, function(fileEntry) {
								console.log(fileEntry,"```````````````````````````3")
								fileEntry.createWriter(function(writer) {
									writer.onwritestart = (e) => {
										uni.showLoading({
											title: "正在导出",
											mask: true
										})
									}
									let pathStr = fullPath.replace(
										"/storage/emulated/0", "");
									writer.onwrite = (e) => {
										console.log(e)
										// 成功导出数据;
										uni.hideLoading();
										setTimeout(() => {
											// uni.showToast({
											// 	title: `成功导出,文件位置：${pathStr}/${documentName}/${year}年${month}月`,
											// 	icon: "success"
											// })
											
											console.log(fileEntry.toLocalURL())
											console.log(`${pathStr}`)
											uni.openDocument({
												filePath:fileEntry.toLocalURL(),
												success:res=>{
													//console.log(res)
												},
												fail:err=>{
													console.log(err)
												}
											})
										}, 500)
			
									};
									// 写入内容;
									writer.write(fileData);
			
								}, function(e) {
									console.log(e.message);
								});
							});
						})
			
					});
			
				})
			},
		}
	}
</script>

<style scoped>
	.exportBtns{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		border-radius: 44upx;
		color: white;
		background: #FFAC3F;
		margin: 118upx auto 0;
		font-size: 28upx;
	}
	.startTip{
		font-size: 28upx;
		line-height: 28upx;
		color: #333333;
		margin-top: 32upx;
		font-weight: bold;
	}
	.startCon{
		padding: 24upx 0 30upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2upx solid #EFEFEF;
	}
	.startCon>view{
		font-size: 28upx;
		line-height: 32upx;
		color: #333333;
	}
	.startCon>image{
		width: 32upx;
		height: 32upx;
	}
	
	
	.exportBtn{
		display: flex;
	}
	.exportItem{
		width: 178upx;
		height: 60upx;
		border-radius: 30upx;
		line-height: 56upx;
		text-align: center;
		font-size: 24upx;
		color: #B3B3B3;
		box-sizing: border-box;
		border: 2upx solid #E5E5E5;
		margin-right: 20upx;
	}
	.exportItem:last-child{
		margin-right: 0;
	}
	.exportItem.active{
		border-color: #FFAC3F;
		background: #FFF9F2;
		color: #333333;
	}
	.exportTip{
		font-size: 28upx;
		line-height: 28upx;
		color: #333333;
		margin-bottom: 30upx;
		font-weight: bold;
	}
	.tips{
		font-size: 24upx;
		line-height: 24upx;
		color: #333333;
		margin-bottom: 58upx;
	}
	.selectTip{
		font-size: 28upx;
		line-height: 28upx;
		color: #333333;
		margin-bottom: 10upx;
		font-weight: bold;
	}
	.selectCon{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 22upx 0;
		border-bottom: 2upx solid #EFEFEF;
		margin-bottom: 40upx;
	}
	.selectCon>view{
		font-size: 28upx;
		line-height: 32upx;
		color: #333333;
	}
	.selectCon>image{
		width: 32upx;
		height: 32upx;
	}
</style>
